<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      :root {
        font-size: 23px;
        --fz: 20px;
      }
      .box {
        width: 10em;
        height: 20rem;
        border: var(--fz) solid;
      }

      .text {
        width: 500px;
        border: 1px solid;
        height: 30px;

        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    </style>
  </head>
  <body>
    <div class="box">这是个DIV</div>

    <p
      class="text"
      title=" 巴西总统卢拉在上海参观美国最恨的中国公司华为，这被很多人看成他与美国拉开距离，维护巴西战略自主的坚定信号。巴西不仅全境使用华为，而且巴西出口的27%面向中国市场，比包括美国在内之后5个巴西出口国的总和还要多，它凭什么在中国问题上听美国的？"
    >
      巴西总统卢拉在上海参观美国最恨的中国公司华为，这被很多人看成他与美国拉开距离，维护巴西战略自主的坚定信号。巴西不仅全境使用华为，而且巴西出口的27%面向中国市场，比包括美国在内之后5个巴西出口国的总和还要多，它凭什么在中国问题上听美国的？
    </p>
  </body>
</html>
